@using EasyMvcBlog.DTO
@{
    List<MenuDTO> menus = ViewBag.Menus;
    BlogDTO blog = ViewBag.Blog;
}
<!DOCTYPE HTML>
<html>
<head>
    <title>simplestyle_4</title>
    <meta name="description" content="scott qian's blog" />
    <meta name="keywords" content="scottqian,blog" />
    <meta http-equiv="content-type" content="text/html; charset=utf8" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Themes/Green/Styles/style.css")" />
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Themes/Green/Styles/easywebui.css")" />

    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/promise.js")"></script>
</head>
<body>
    <div id="main">
        <div id="header">
            <div id="logo">
                <div id="logo_text">
                    <h1>
                        @Html.ActionLink(blog.Title, "Index", "Home")
                    </h1>
                    <h2>
                        @blog.SubTitle
                    </h2>
                </div>
            </div>
            <div id="menubar">
                <ul id="menu">
                    <!-- put class="selected" in the li tag for the selected page - to highlight which page you're on -->
                    @foreach (MenuDTO menu in menus)
                    {
                        <li><a href="@Url.Content(menu.MenuLink)">@menu.MenuName</a></li>
                    }
                </ul>
            </div>
        </div>
        <div id="site_content">
            <div id="sidebar_container">
                <div class="sidebar">
                    <div class="sidebar_top">
                    </div>
                    <div class="sidebar_item">
                        @Html.Action("ArticleCategory", "Zone")
                    </div>
                    <div class="sidebar_base">
                    </div>
                </div>
                <div class="sidebar">
                    <div class="sidebar_top">
                    </div>
                    <div class="sidebar_item">
                        <h3>
                            Useful Links</h3>
                        <ul>
                            <li><a href="#">link 1</a></li>
                            <li><a href="#">link 2</a></li>
                            <li><a href="#">link 3</a></li>
                            <li><a href="#">link 4</a></li>
                        </ul>
                    </div>
                    <div class="sidebar_base">
                    </div>
                </div>
                <div class="sidebar">
                    <div class="sidebar_top">
                    </div>
                    <div class="sidebar_item">
                        <h3>
                            Search</h3>
                        <form method="post" action="#" id="search_form">
                        <p>
                            <input class="search" type="text" name="search_field" value="Enter keywords....." />
                        </p>
                        </form>
                    </div>
                    <div class="sidebar_base">
                    </div>
                </div>
            </div>
            <div id="content">
                <!-- insert the page content here -->
                @RenderBody()
            </div>
        </div>
        <div id="footer">
            <p>
                Copyright &copy; scott qian</p>
        </div>
    </div>
    <script type="text/javascript" src="@Url.Content("~/Scripts/easywebui.js")"></script>
@if (TempData["msgbox"] != null)
{ 
    <script type="text/javascript">
            $(function(){
                @Html.Raw(TempData["msgbox"] as string)
            });
    </script>
}
    @RenderSection("Scripts", false)
</body>
</html>
